約 5,997,384 件
https://w.atwiki.jp/imaginarymonster/
@wikiへようこそ ウィキはみんなで気軽にホームページ編集できるツールです。 このページは自由に編集することができます。 メールで送られてきたパスワードを用いてログインすることで、各種変更（サイト名、トップページ、メンバー管理、サイドページ、デザイン、ページ管理、等）することができます まずはこちらをご覧ください。 @wikiの基本操作 用途別のオススメ機能紹介 @wikiの設定/管理 分からないことは？ @wiki ご利用ガイド よくある質問 無料で会員登録できるSNS内の@wiki助け合いコミュニティ @wiki更新情報 @wikiへのお問合せフォーム 等をご活用ください @wiki助け合いコミュニティの掲示板スレッド一覧 #atfb_bbs_list その他お勧めサービスについて 大容量１Ｇ、PHP/CGI、MySQL、FTPが使える無料ホームページは@PAGES 無料ブログ作成は@WORDをご利用ください 2ch型の無料掲示板は@chsをご利用ください フォーラム型の無料掲示板は@bbをご利用ください お絵かき掲示板は@paintをご利用ください その他の無料掲示板は@bbsをご利用ください 無料ソーシャルプロフィールサービス @flabo(アットフラボ) おすすめ機能 気になるニュースをチェック 関連するブログ一覧を表示 その他にもいろいろな機能満載！！ @wikiプラグイン @wiki便利ツール @wiki構文 @wikiプラグイン一覧 まとめサイト作成支援ツール バグや不具合を見つけたら？ 要望がある場合は？ お手数ですが、メールでお問い合わせください。 videoプラグインエラー 正しいURLを入力してください。 https //www.youtube.com/watch?v=EevM2VWf9fo
https://w.atwiki.jp/nicepaper/pages/62.html
前回記事CSSで見出しデザイン1の続き記事です。 今回は疑似要素before,afterを使った見出しの制作方法をご紹介します。 こんなもの 目次 疑似要素before,afterをなぜ使う？ 疑似要素がある場合とない場合で作ってみる。 作り方 コード 作り方まとめ 疑似要素before,afterをなぜ使う？ 一般的な見出しはCSSでよく使われるプロパティ名を組み合わせただけです。例えばborder、border-left、border-bottom、border-radius、padding、padding-left、padding-bottom・・・。それらを組み合わせたり色を変えたりして作られています。しかし、その方法では、 簡単な丸を作ったり、三角形を作ったり、四角形を作ったり、あるいは四角形を回転させたりということはできません。それぞれの図形をCSSで描くことができれば、それをあとは載せてあげて、表示する順序を多少指定してあげるだけでできます。before、afterはそれができるのです。 疑似要素がある場合とない場合で作ってみる。 h1タグで、h1.style1とh1.style3とh1.style5というデフォルトのデザイン（全部コードは同じですが・・・）から疑似要素を追加していきたいと思います。疑似要素を追加したい場合は元のコードのほうに position relative; を追加し、追加したい疑似要素before,afterの方には position absolute;とcontent ""; をそれぞれ追加してあげる必要があります。 作り方 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。 最後に左上からの距離topやleftを記述して図形を調整します。 コード HTML部 !DOCTYPE HTML html head meta charset="utf-8" title 見出しbefore、after /title link rel="stylesheet" type="text/css" href="headline_before.css" /head body div id="box" h1 class="style1" 見出しstyle1デザイン /h1 h1 class="style2" 見出しstyle1デザイン+before /h1 h1 class="style3" 見出しstyle3デザイン /h1 h1 class="style4" 見出しstyle3デザイン+before /h1 h1 class="style5" 見出しstyle5デザイン /h1 h1 class="style6" 見出しstyle5デザイン+before /h1 h1 class="style7" 見出しstyle5デザイン+before+after /h1 /div /body /html CSS部 @charset "utf-8"; /* CSS Document */ #box{ margin 10px auto; width 600px; min-height 600px; padding 20px; border 1px solid #000; } /*見出しstyle1*/ h1.style1{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle2*/ h1.style2{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style2 before{ position absolute;/*中の緑の線を左上から描いていくために必要*/ content "";/*これを入れることで線が表示される準備ができる*/ width 10px;/*中の緑の線の太さ*/ height 24px;/*中の緑の線の高さ*/ background #090;/*中の緑の線の色*/ top 3px;/*中の緑の線の上からの距離*/ left 5px;/*中の緑の線の左からの距離*/ } /*見出しstyle3*/ h1.style3{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle4*/ h1.style4{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style4 before{ position absolute;/*中の緑の丸を左上から描くために必要*/ content "";/*これを入れることで丸が表示される準備ができる*/ border-radius 10px;/*半径10pxの90度の扇形を４つ*/ height 20px;/*直径は20px*/ width 20px;/*直径は20px*/ background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ } /*見出しstyle5*/ h1.style5{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; } /*見出しstyle6*/ h1.style6{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style6 before{ position absolute;/*中の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される準備ができる*/ width 20px; height 20px; background #090;/*中の緑の丸の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg); -webkit-transform rotate(-45deg); -moz-transform rotate(-45deg); -ms-transform rotate(-45deg); -o-transform rotate(-45deg); } /*見出しスタイル7*/ h1.style7{ margin 20px; width 500px; height 30px; font-family "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size 20px; padding-left 50px; background #CFC; position relative;/*疑似要素を使う場合には必要*/ } h1.style7 before{ position absolute;/*中の左上の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 20px; height 20px; background #090;/*中の緑の左上の四角の色*/ top 4px;/*中の緑の丸の上からの距離*/ left 5px;/*中の緑の丸の左からの距離*/ transform rotate(-45deg);/*回転させる*/ -webkit-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(-45deg);/*ベンダープレフィックスを付けて回転させる*/ } h1.style7 after{ position absolute;/*中の右下の緑の四角を左上から描くために必要*/ content "";/*これを入れることで四角が表示される条件が整う*/ width 10px; height 10px; background #0E0;/*中の緑の右下の四角の色*/ top 16px;/*中の緑の丸の上からの距離*/ left 20px;/*中の緑の丸の左からの距離*/ transform rotate(30deg);/*回転させる*/ -webkit-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -moz-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -ms-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ -o-transform rotate(30deg);/*ベンダープレフィックスを付けて回転させる*/ } するとこのようになります。 作り方まとめ 作り方のフローは次の通りです。 疑似を追加しないデフォルトの見出しのデザインを作り、表示させる。 疑似を追加するためにデフォルトの見出しの最後にposition relative;を付けて疑似の準備をする。 疑似要素のセレクターbefore,afterを用意する。 疑似要素のセレクターbefore,afterの中にposition absolute;とcontent "";を追加してあげる。 図形をCSSで描いていく。（注1） 最後に左上からの距離topやleftを記述して図形を調整します。 ※四角や長方形ならwidthとheightとbackground、円ならwidthとheightとborder-とborder-radiusを付け加えていきます。回転させる場合は（円は必要ないけど・・）、transform rotate(角度)を追加していきます。 うーん。ちょっとわかりにくいかもですね。どれか重点的に解説したほうがよさそうです。どこを解説すべきでしょうか？コメントください。 名前 コメント
https://w.atwiki.jp/dclubzero/pages/33.html
wiki編集の練習用ページ wiki編集したいけど、初めてで不安な人、まずはここでwiki更新の練習してみよう！ てすとてすとてすとてすとてすとて すとてすとてすとてすとてすとてすとてすとてすとてすと会話選択肢 コメント 大見出し中見出し 大見出し中見出し てすと こうやって書くと太い文字に これで改行に てすとてすとてすとてすとてすとてすとてすとてすとてすとてすとてすと てすとてすと てすとてす てすとてすとて すとてすとてすとて すとてすとてすとてすとてすとてすとてすとてすとてすと test testtesttesttest TES tes TES FUEL WAKAMECHAN てすと○×△ てすと 会 話 好感度変化 状 況 X A B 座 席 酔 い いままでの → ↓ ↑ 対隣V 素自女E 会 話 好感度変化 状 況 X □ A × B ○ 座 席 酔 い テスト1 → ↓ ↑ 対隣V 素自女E 会 話 好感度変化 状 況 X/□ A/× B/○ 座 席 酔 い テスト2 → ↓ ↑ 対隣V 素自女E 会 話 好感度変化 状 況 X(□) A(×) B(○) 座 席 酔 い テスト3 → ↓ ↑ 対隣V 素自女E 会話選択肢 注意事項 Xボタン(×) Aボタン(△) Bボタン(○) カッコ内はETS時のボタン表示(配置は変わらず) PSP版の対応するボタンの位置はXBOX360版と同じです。好感度変化の部分は1・2・3の順番に並んでいるので併記されていない場合はこのように読み替えてください。Ｘ→□、Ａ→×、Ｂ→○ ボタン配置 XBOX PSP ４１ ３２ ＹＸ ＢＡ △□ ○× 女の子の座る場所はゲームの進行によって 対面→隣→VIPと変化していきます 酔いの状態 素：お互い素面 自：自分だけ酔っている 女：女の子だけ酔っている E：お互い酔っている(ETS) 会 話 好感度変化 状 況 X(□) A(×) B(○) 座 席 酔 い 電車の中で席を譲るのは、お得意ですか？ - ↑ - 対 自女E そういうのって、とっても困ってしまいますよね？ ↑ - - 対隣 素自女 ホラー映画はお好きですか - - ↑ 隣V 素 E XBOXPSP ＸＡＢ↓□×○ コメント てすと (2011-01-31 14 35 15) てすと (2011-02-13 14 46 41) てすと (2011-06-30 19 10 36) りんく (2015-11-30 02 14 34) テスト (2015-12-01 17 54 24) コメント 大見出し テストです 中見出し テストォー テストン テストン ____ 大見出し てすてすてすてす 中見出し てーす
https://w.atwiki.jp/aapose/pages/438.html
編集ガイド @wikiの公式ヘルプはこちら 編集ガイドWikiの文法（各種プラグイン）見出し リンク 箇条書き 目次 文字の大きさ 文字の色 太字 下線 取り消し線 表 隠し文字 水平線 折り畳む 同一ページへのジャンプ ＡＡをキレイに表示する。 コメントフォーム 謝辞 Wikiの文法（各種プラグイン） wiki用の文法（プラグイン）を上手く利用すると色々な表現、便利な機能を実現してくれます。 Wikiの編集で特によく使う便利なプラグインを紹介します。 見出し こう書きます。 *見出しはこうします **このように*の数を増やすと文字が小さくなります ***後述の目次とも関係するので３つくらいまでくらいが無難です 見出しはこうします このように*の数を増やすと文字が小さくなります 後述の目次とも関係するので３つくらいまでくらいが無難です リンク このWiki内へのリンクは [[ページ名]] 外部へのリンクは [[題名 URL]] 例えば、 [[編集ガイド]] と書くと、 編集ガイド [[ＡＡ（アスキーアート）板（◆/D8/honey管理） http //jbbs.livedoor.jp/computer/43066/]] と書くと、 ＡＡ（アスキーアート）板（◆/D8/honey管理） 箇条書き -箇条書きはこうします --このように-の数を増やすとインデントされます ---３つまで-の数を増やしてインデントすることができます 箇条書きはこうしますこのように-の数を増やすとインデントされます３つまで-の数を増やしてインデントすることができます +こちらは番号付きの箇条書きです +試してみましょう 番号付きもなんか使えそうな気がします 試してみましょう 目次 #contents(fromhere=true) このプラグインを貼り付けた個所以降の見出しへのリンクを目次で並べることができます。 文字の大きさ 文字の色 太字 下線 取り消し線 表 隠し文字 水平線 折り畳む 同一ページへのジャンプ ＡＡをキレイに表示する。 コメントフォーム 謝辞 文字の大きさ size(倍率%){文字の倍率を変えるときはこうします} でかくなったり ちいさくなったりします 加減をしらないと かえって見にくいです 文字の色 color(英語で色名){個々の文章の色を変えられるよ} 色を変えるだけでより見栄えが良くなるよ 色は何種類かあるようなので試してみよう 使える英語の色名の例 太字 b(){強調したいときなどに使えます} 強調したいときなどに使えます 下線 u(){部分的に強調したいときは太字より使えるかも？} 部分的に強調したいときは太字より使えるかも？ 取り消し線 s(){ここの文章に取り消し線をひけます} 修正前の文章も見せたいときなんかにどうぞ 表 |表をつくるときは|このように|します| 表をつくると 項目の多い動画を 一覧として見れて なかなか便利 表内で改行したい時は、改行したい場所に br() と書けば改行します。 例えば、 |一行だけ|これは一行目 br()これは二行目| と書くと 一行だけ これは一行目これは二行目 隠し文字 //こうすると記事に表示されず、編集画面だけに表示されます //記事に出したらまずいことや、他の編集者へのコメントに使います 水平線 ---- これを使うと水平線が敷かれます。なんか区切りたいときとかにどうぞ 折り畳む #region(close,＜ここにタイトル＞) ここの文章を折り畳んで格納できるよ #endregion +＜左の＋をクリックすると開閉できる＞ 長い情報や優先度の低い情報を隠したりできます 例えば、動画プレイヤーは貼り付けるとページの読み込みが重くなるので、 折り畳んで隠しておいた方が、若干ページの表示が軽くなる．．．気がしますｗ ∧＿∧ ／￣￣￣￣ （ ・∀・） ＜ 見たなー ⊂ ､, つ ＼＿＿＿＿ （（, ｜ | | ﾉ （.（＿） 同一ページへのジャンプ anchor(英数) まずジャンプする箇所にこれを入れておいて [[タイトル ページ名、またはページURL#英数]] を入れておけば、クリックしたときにそこにジャンプできます。 項目数が多い時に 目次として複数設置すれば効果高し ＡＡをキレイに表示する。 AAを貼る場合、#aa3(){{ ここにＡＡ }}とするとズレ無くきれいに貼る事が出来ます。 （従来からある#aaの強化版で、行間２ｐｘ実装の公式未公開プラグインです。） ただし、ＡＡに「{{」や「}}」を含むと、このプラグインが正常に動作しないので、 #aa3(){{{ ここにＡＡ }}} と、中括弧を３つ使用する書き方をオススメします。 例えば、 #aa3(){{{ ⊂二￣⌒＼ ノ） ）＼ （ ∧＿∧ ／ ＼ ／＿＿ ） ´Д｀） _ ／ ／＾＼) /／／／ ／ ⌒￣＿／ / / / ／／￣＼ |￣￣ / / / (／ ＼ ＼＿＿＿ （（／ （ ＿ ） / ／￣￣/ ／ / ／ / ／ ／ ／ （ / / ／ ） / ／ ／ し′ （ / ） / し′ }}} と書くと ⊂二￣⌒＼ ノ） ）＼ （ ∧＿∧ ／ ＼ ／＿＿ ） ´Д｀） _ ／ ／＾＼) /／／／ ／ ⌒￣＿／ / / / ／／￣＼ |￣￣/ / / (／ ＼ ＼＿＿＿（（／ （ ＿ ） / ／￣￣/ ／ / ／ / ／ ／ ／ （ / / ／ ） / ／ ／ し′ （ / ） / し′ と表示されます。 コメントフォーム #comment コメントフォームを作成します。使いどころはかなり限定的ですが コメント欄に入力したコメントはここに出ます。投稿ボタンをクリックすると投稿されます -- 名前欄に入力した名前はここに出ます (2011-11-01 23 34 49) 謝辞 ※このページは大変わかりやすく簡潔にまとめられていたストライクウィッチーズ（アニメ）まとめWiki - 編集ガイドから流用させていただきました。 どうもありがとうございました。
https://w.atwiki.jp/unidentified-object/pages/27.html
まとめwiki編集者、大募集中！！へ戻る まずは、一番上の、グレーの横バーに、「編集」っていう文字があるので、そこをクリックしてね。 そうすると、「このページを編集」という項目があるので、そこをクリック！ ∧△∧ ／アスキーアートを入れるときは、 (´・ω・) ＜ 普通に書くとフォントの関係でAAがずれてしまうので、 ( U U ＼こんな風に、行の始めと最後に、記号を入れてね。 ） ノ ν´ 赤文字 太い赤文字 小見出しサイズの赤文字 中見出しサイズの赤文字 大見出しサイズの赤文字 30ポイントの赤文字 周りが青い文字 周りがピンクで15ポイントの文字 周りが緑で20ポイントの文字 周りがオレンジで25ポイントの文字 表組みに色付け 30ポイントの大文字 表の中でセンタリング表示 表内で色々いっぺんに設定 行の始めに半角で空白を入れると、整形済みテキストになります 行の始めに を入れると、引用文の整形テキストになります ひとつ言い忘れていたことが･･･ 行の始めに「 」のマークが来ると、 こーんな感じになって、少々不恰好なので これの回避方法は、今のところ、「行の始めに“全角空白”を入れる」というもの。 1 これで万事ＯＫ･･･かな･･･ごめんね、「行頭の を無視する」とかいう命令文を書ければ一番いいんだけど、 そこまでスキルがないんだー。本当にごめん！ こっから自夜です これでどうかなぁ？ はい、ここまで自夜でした 俺俺、考え中 国家予算を使い込んでばれそうだ 88兆振り込んでくれ 考え中でした 考え中氏 なにを練習しているんですかｗｗｗ これ、なんだか分りにくいなあ。 普通にHTMLの方がいいような まとめに際してhtmlの方が効率的であれば そちらを選択してもらって構わないと思います。 その場合、こちらでupする場所を用意してそこに上げてもらい閲覧できる状態にするか？ もしくは、wikiへコンバートすることになると思います。 結局、議論に対してのまとめで「wiki」を選択することの意味は 行為の中立性の維持って言う側面がもっとも大きなものだと考えています。 「あのまとめ方はどうかと思うぜ？」なんていう意見に対してhtmlだと 身動きがとりにくくなる事への危惧が大きいです。 ですが、もし作業効率という意味でhtmlでのまとめを希望されるのであれば、 何らかの方法を考えたいと思います。 by beornotbe あとは画像をアップして表示させる方法を別ページで説明するね。 それでは、練習、どぞーーーー 右端に、「部分編集」というのを付けたよ。⇒⇒⇒部分編集も出来るから、そこをクリックしてみてね。 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ [部分編集]
https://w.atwiki.jp/hazama/pages/13.html
タグ 編集/ @wikiの使い方 @ウィキ ガイド/@wiki 便利ツール /@wiki 簡単なwikiの使い方 基本は[編集]を押して、文章を打って、[ページの更新]を押すだけ。 編集しても元に戻せるので、怖がらずにガンガンいじって大丈夫です。メニューとトップページだけは管理者のみにしてあります。 ここで解説している情報は意図的に内容を単純化してあるので、正確ではない記述もあります。真面目に読む方は整形ルールやヘルプを見てね。 初級編 たった二つのことができれば、OK。お気軽に。 見ているページを変更する 最初は新しくページを作るよりも、管理者がすでに用意したページに情報を載せていくのが無難。「あ、ここにこの情報載せたほうがいいかな」と思ったら、すぐにメニューバーの[編集]を右クリック[このページの編集]を押す。 適当なところに情報を入力したら、[ページ保存]を押せばOK。 リンクを張る リンクさえ張られればいいなら、URL(アドレス)を貼り付ければリンクになる。 単語にリンクを張るときは 単語 と入力。 このwikiにあるページの場合ページ名とくくるだけで、そのページにリンクする。 中級編 情報を見やすくするためのテクニック。 見出し ~*で始まる行は見出しとして扱われる。**とか***と重ねることで、三段階まで見出しが階層化できる。見出しをつけると#contentsプラグインを使うことで、ページ内に見出しの一覧をつくることができたりして便利。 引用 リスト ~-で始まる行は「番号なしリスト」として表示される。+で始まる行は「番号つきリスト」として表示される。--とか++と入力することで、三段階までリストが階層化できる。空の行があるところまで、リストの一部として扱われる。 テーブル ~|で始まる行は表(テーブル)として扱われる。カンマでも同様のことができるが、wikiの追加機能(プラグイン)との兼ね合いから、|を使ったほうがよい。 ファイルの添付 上の[添付]をクリックすると、現在見ているページにファイルがアップロードできる。アップロードしたファイルはページの下にリンクで表示される。著作権など注意。 区切り線 ~----と記入すると水平線。 文字の装飾 あまりやりすぎると帰って見にくいので必要最低限。ここぞというところで。 太字- ふたつで文字をくくる太字 斜体- みっつで文字をくくる斜体 取り消し線-%ふたつで文字をくくる取り消し線 文字サイズ-大きさを変更したい文; → 4が普通のサイズ。 文字色-色をつけたい文; → 文字色と背景色はカラーチャートを参考に 上級編 wikiのパワーを十分に発揮させるにはやはりページ間連携を意識した構造とプラグインの活用。このレベルで編集する時は、なるべくヘルプを読んでから。 新しいページを作る ページ名を/で区切ると階層化されることをしらないとハマる。 コメント ~//で始まる行は編集時にしか表示されないコメントになります。 プラグイン このサイトで使える、個別のページに用いて簡易/効果的なプラグイン。 プラグイン コメント contens ページ内の見出し一覧 pcomment コメント用。コメント記録が別ページなので、表示コメント数が指定できる ref 画像表示用。アップロードしたファイルを指定するのが無難 region 折りたたみ表示。使わなくていいｹﾄﾞ table_edit 編集可能テーブル/使い方にコツがいるけど強力 aa アスキーアートがズレないように使う 管理者編
https://w.atwiki.jp/designmaster/pages/45.html
■ＣＳＳテーブル作成の見出しセルを設定する ＣＳＳテーブルの見出しセルを設定する方法をご紹介します。 ＣＳＳ３テーブル作成画面にて「見出しセル」タブをクリックします。 [見出しセルの詳細設定]、[セル内の文書]をそれぞれ設定することができます。 [見出しセルの詳細設定] ■見出しセルの設置 ■見出しセル内の余白 ■背景の表示 ■背景色 [セル内の文書] 見出しセル内文書の詳細を設定することができます。 ■セル内の文書の表示位置 ■フォントタイプ ■文字サイズ ■文字色
https://w.atwiki.jp/mb_nijiura/pages/12.html
ここはwikiの編集、追加などのテストを行うページです。 ああしたいけどやり方が解らない… こうしたいけど本当に出来るのか…？ これを使うとどうなるのかな？ そんな時は一度このページで試してみて下さい。 大見出し 中見出し テーブルは 縦棒で くぎります 半角 で始めると引用文になります。 リスト リンク名? コメント -- テスト (2006-03-25 00 05 01) 名前 コメント 横線 ここからテストコーナー 大会結果編集中 こちらは、大会の結果などを載せていきます(決勝戦) 第一回大会 開催日 5/20(土) 結果 開催日：2006年5月20日（日） 参加者（敬称略） ワラアキ ＠宮城 21 としあき２ エフェメール ワルクあき トシアキ ネロ秋 ケイ アンコ 予選結果 ワラあき ○ - × アンコ エフェメール ○ - × ワルクあき ＠宮城 ○ - × トシアキ としあき２ ○ - × 紅ネロ ケイ × - ○ 21 決勝 ワラアキ ＠宮城 21 としあき２ エフェメール 勝ち星 順位 ワラアキ \ × × × × ０ ５ ＠宮城 ○ \ ○ ○ × ３ １ 21 ○ × \ × × １ ４ としあき２ ○ × ○ \ ○ ３ １ エフェメール ○ ○ ○ × \ ３ １
https://w.atwiki.jp/liegame/pages/26.html
wiki編集の練習について まず画面上部のバーにあるであろう「編集▼」にマウスを置き、そこからページ編集を選択してください。 次にwikiの編集画面についてです。 wikiの編集には様々な編集モードというのがあるのですが、 大人数で編集する場合面倒なことになるので、 このwikiでは「アットウィキモード」で統一させていただいております。 まだ管理人がwikiに慣れていないというのもあります。 ご協力お願いします。 まず、簡単な編集作業からです。 このように普通に文字を表示する場合はそのまま書くだけで大丈夫です。 見出しの作り方 見出しを作るには*を先頭に付けます。*で大見出し、**で中見出し、***で小見出しを作れます。 まぁ編集時に上の方に「見出し」とか書いてあるんで忘れちまっても大丈夫です。 URLの貼り方 基本的にこのwikiではURLを貼ることは禁止されていません。 が、悪意のあるURLの貼り付けは絶対におやめください。 直ちに発見し、IPブロックをした上で晒し上げ、そのURLを削除いたします。 では本題のURLの貼り方です。 wiki内のページのリンクを貼る場合は[[]]の中にページ名を書き込みます。 こんな感じに↓ トップページ ね？簡単でしょ？ 次にwiki外のURLを貼る場合です。 2つ方法があります。 まずそのまんまURLで貼る方法です。 https //www.yahoo.co.jp ↑こんな感じ(ヤホーです。ご安心ください)。 次に、文字を青色にしてそれをURLにする場合。 例えば、こんな感じに(ヤホーです)。 wiki内のところと同じように[[]]で囲い、その中に 「好きな文字 URL」というように書き込みます。 ね、簡単でしょ.....? 太字や斜体などの修飾 編集画面上部のBとかIとか書いてあるところをクリックしてください。 するとなんか入力されると思います。 それの{}の中に文字を入力するとこうなります。 簡単かな？ リストの作り方 |と|で囲む事によってリストを作ることができます。 例えば つまり こういう こと です おもしろい でしょ 上の行と|の数がずれると違うリストになってしまいます。 あぁ ずれ ちゃった 悲しい なぁ プラグイン では最後にプラグインについてです。 この「アットウィキ」にはプラグインなる摩訶不思議な機能があります。 ですが多機能なのでここに書ききるのは大変です。 「ヘルプ」をご使用くださいませ。 ヘルプ その他のことを知りたいならぜひぜひ「ヘルプ」をご使用ください。 画面上部の「ヘルプ」からどうぞ。 それではレッツ編集♪↓ wiki編集練習 編集したいんだけどアイデアが無いって人↓ アイデアノート コメント 名前
https://w.atwiki.jp/bfbc2/pages/75.html
wiki編集について 編集に関して簡単な説明と良く使うプラグインやカラーコードなんかをまとめてあります。まだ書きかけです。 １．はじめに ２．とりあえずページ編集してみる ３．基本的な編集方法を覚える ４．編集時のマナー ５．@Wiki編集に役立つもの ６．@Wiki編集Tips コメント １．はじめに 「 俺様がこのwikiを編集してやんぜ！ 」 「 あれ？でもwikiの編集って難くね？ 」 という奇特な方のために、私の分かる範囲で@wiki編集の仕方をまとめてみたので参考にしてやってください。 そもそも 「 wiki 」 は簡単に編集・書き換えができるというのが特徴で、 基本さえつかめれば、掲示板に書き込みをするが如く容易く編集できます。 なので「 面倒そうだぜ 」なんて言わず、是非トライしてみて下さい。 「 ２．とりあえずページ編集してみる 」 をやってもらえば、簡単に編集出来ることが分かってもらえると思います。 「 ３．基本的な編集方法を覚える 」 まで一通り目を通せば、だいたいのページは編集できます。 気分が乗って「 俺が○○のページを作る！ 」 となっても、余裕で作れちゃうと思います。 「 ４ ・ ５ ・ ６ 」 の項目は、覚え書きみたいなものなので気が向いたら、どうぞ。 他、何か分からないことや気になることがあったら管理人に聞いてみてください、 難しいことはアレですが、分かる範囲でお答えしたいと思います。 ２．とりあえずページ編集してみる さっそく「 練習用ページ 」を編集してみましょう。 （1） 「 練習用ページ 」を開いて、上部@wikiメニューから「 編集 → このページを編集 」と選択 もしくはページ最下部の@wikiツールバーから「 編集 」を選択 （2） 練習用ページの「 編集ページ 」に移動したら、自分が書きたい文書を入力 今回は「 バトルフィールド バットカンパニー 2 は3月11日発売予定 」と入力してみましょう （3） 文章を入力したら、「 プレビュー 」ボタンを押して編集内容を確認 間違いや誤字脱字がないか良く確認してください （4） 編集内容に間違いがなければ、「 ページ保存 」で編集を確定 ページの内容が更新されます （5） 「このページを編集」→文章を記入→「プレビュー」→編集内容を確認→「ページ保存」 これが 「 wikiの編集手順 」 です。どのページもこの手順で編集します。 この他、文字の色や大きさを変えたり、表組みで図を作ったり、画像を表示したりしたいと思ったら 次の、「 ３．基本的な編集方法を覚える 」をどうぞ。 ３．基本的な編集方法を覚える （この項目は未完成です） 基本的な編集方法とページを探したりする方法です。 @wiki運営の「 @wikiご利用ガイド 」では、より詳しい操作方法が紹介されています。 どちらもパソコン基本操作を理解されているという前提で書かれています。 ※「キーボード入力」、「ショートカット」、「コピー＆ペースト」、Webブラウザ・パソコンの一般的な操作・設定方法などのこと 改行 文字を装飾する リンクを作る 画像を表示する 表組み（テーブル) 新しくページを作る ページを探す その他のテキスト整形のルール 編集記録を確認する 改行 改行する 改行すると改行されます。「Enter」押すだけです。 文中で改行する(br) テキスト br()テキスト と入力すると改行できます 文字を装飾する 文字の大きさを変える(font) font(120%){ここにテキスト} と入力すると文字サイズを変更できます 単位には「 %、em 」を使ってください 文字の色を変える(font) font(#09f){ここにテキスト} と入力すると文字の色を変更できます 色の指定はカラーネーム・カラーコードでできます ※BFBC2@wikiで良く使われるカラーコード 文字を太字にする(font) font(b){ここにテキスト} と入力する文字が太字になります 文字に取り消し線を付ける(font/s) font(l){テキスト1} s(){テキスト2} と入力すると文字に取り消し線を付けれます 文字を右寄せ・中央寄せする(right/center) #right(){ここにテキスト} #center(){ここにテキスト} と入力すると文字を右寄せ・中央寄せできます リンクを作る （この項目は未完成です） wikiにあるページへのリンク wikiにあるページへのリンク（別ウインドウ・別タブで開く場合） URL指定してリンクを作る 画像を表示する 画像をアップロードする 上部@wikiメニューから「 編集 → このページにファイルをアップロードする 」を選択 「参照」ボタンを押し、アップロードしたい画像を選択し「開く」を押す 「アップロード」ボタンを押す ページ最下部の@wikiツールバーから「 アップロード 」を選択することもできます 「ファイル名」は分かりやすいものをお願いします 「ファイルサイズ」の上限は1MBです アップロードされた画像を表示する ref(beginner-3_001.jpg) と入力するとアップロードされた画像を表示できます URLを指定して画像を表示する ref(ここに画像のURL) と入力すると{URLを指定して画像を表示できます リンク付きの画像を表示する ref(画像のファイル名,画像がアップロードされているページ名,リンクしたいURL) と記述するとリンク付きの画像を表示できます 画像に指定できるパロメーター 区切り3つ目以降に以下のパラメーターを指定することで動作を変更できます。 パラメーター 説明 center 画像を中央寄せ left 画像を左寄せ right 画像を右寄せ height=(数字) 画像の高さを指定 title=(文字列) カーソルを合わしたときにポップアップされる文字列 alt=(文字列) 画像の代わりに表示される文字列 width=(数字) 画像の幅を指定 height=(数字) 画像の高さを指定 (その他追加URL) 画像指定以降のURLは、記述したURLへのリンクとなります blank (その他追加URL)とblankを指定すると別ウインドウで追加URLを開きます 表組み（テーブル) 基本的な表組み（テーブル） |aaa|bbb|ccc| |あああ|ううう|おおお| と入力すると、 aaa bbb ccc あああ ううう おおお と表示されます。 表組み内での改行 |aaa br()aaa|bbb|ccc| |あああ|ううう|おおお| と入力すると、 aaaaaa bbb ccc あああ ううう おおお と表示されます。 ヨコの連結 |aaa|bbb|ccc| |あああ| |おおお| と入力すると、 aaa bbb ccc あああ おおお と表示されます。 タテの連結 |aaa|bbb|ccc| |あああ|~|おおお| と入力すると、 aaa bbb ccc あああ おおお と表示されます。 タテとヨコの複雑な表の連結 |aaa| |ccc| |あああ| |~| と入力すると、 aaa ccc あああ と表示されます。 文字色、背景色を指定する |COLOR(#09f) 文字色を青色(#09f)にする| |BGCOLOR(#ccc) COLOR(#c60) 背景色を灰色(#ccc)に、文字色を橙色(#c60)にする| と入力すると、 文字色を青色(#09f)にする 背景色を灰色(#ccc)に、文字色を橙色(#c60)にする と表示されます。 左揃え、中央揃え、右揃え |aaa|bbb|ccc| |LEFT あああ|CENTER ううう|RIGHT おおお| と入力すると、 aaa bbb ccc あああ ううう おおお と表示されます。 セル内の上揃え、中央揃え、下揃え |aaa|bbb|ccc| br() br() br()| |TOP あああ|MIDDLE ううう|BOTTOM おおお| br() br() br()| と入力すると、 aaa bbb ccc あああ ううう おおお と表示されます。 新しくページを作る 新規ページを作成する 上部@wikiメニューから「 @wikiメニュー → 新規ページ作成 」をクリック あとは、編集しページを保存することで新規ページを作成することができます また、ページ最下部の@wikiツールバーから「 新しいページ 」を選択することもできます テンプレート（見本）をコピーしてページを作成する 上部@wikiメニューから「 @wikiメニュー → すでにあるページをコピーして新規ページを作成 」をクリック コピー元ページ名の一部を入力し、検索をクリックします コピー元ページを選択、新規ページ名を入力し、「 新規ページ作成 」をクリックします あとは、編集しページを保存することで新規ページを作成することができます ページを探す 検索する 上部@wikiメニューから 「 ツール → このwiki内を検索 」 をクリック 検索フォームが表示され、検索機能が利用できます また、上部@wikiメニューの検索ボックスからも同様にwiki内を検索することができます ページ一覧を表示する 上部@wikiメニューから 「 ツール → このwikiのページ一覧 」をクリック ページ一覧が表示されます その他のテキスト整形のルール 引用文 引用文のテストです。 行頭で を指定すると、引用文になります。 番号無しリスト -リスト1 -リスト2 -リスト3 -リスト4 -リスト5 行頭で - または ・ を指定すると、番号なしリストになります。 番号リスト + 番号リスト１ + 番号リスト１ + 番号リスト１ 行頭で + を指定すると、番号なしリストになります。 定義リスト( |) 定義語 | 説明文 と入力することで定義リストになります。 定義語、説明文は省略できます。（使用例2） 定義語・説明文は、インライン要素のみ記述することができます。（#から始まるものは使えない） 定義リストは、定義リストの次の行に他のブロック要素を記述することで、他のブロック要素を子要素にすることができます。（使用例3） 複数の連続した定義リストを記述し、2つ目以降の定義語を省略することで1つの定義語に対する複数の説明文を記述することができます。（ほぼ使わない） 使用例1） 定義語1|説明文1 定義語1 説明文1 使用例2） |説明文2-1 | 説明文2-2 説明文2-1 説明文2-2 使用例3） 定義語3|説明文3 -番号なしリスト インライン要素 定義語3 説明文3 番号なしリスト インライン要素 整形済みテキスト 行頭で半角スペースを指定すると整形済みテキストとなります。行の自動折り返しは行なわれません。 見出し *見出し1 **見出し2 行頭で * を記述すると、見出しになります。 見出しは *、**、***、****、*****、 の5段階あります。 水平線 ---- 行頭で4つ以上の - を書くと水平線になります。 編集記録を確認する 最新版の変更点を見る 上部@wikiメニューから 「 表示 → このページの最新版変更点 」 をクリックします 最新版変更点が表示されます 編集履歴を確認する 上部@wikiメニューから 「 表示 → このページの編集履歴（バックアップ） 」 をクリックします 開いていたページの編集履歴が表示されます ４．編集時のマナー （未作成です） ５．@Wiki編集に役立つもの （未作成です） テキストエディタ ６．@Wiki編集Tips （この項目は未完成です） 1ページ内の編集上限 テンプレート 良く使うカラーコード 良く使うWikiプラグイン 仕様にないwiki構文 1ページ内の編集上限 行数制限：1200行 容量制限：50000バイトバイト数は、UTF-8と同じ。1バイト・・・半角文字（ASCIIの半角英数字、半角スペースとか）3バイト・・・全角文字（仮名、漢字、全角英数字、全角スペースとか）2バイト・・・その他（改行、ラテン、オーバーラインとか） テンプレート （この項目は未完成です） 「 テンプレート 」 基本的な構造としては、、、、 良く使うカラーコード BFBC2@wikiで良く使うカラーコードです。 ・・・文字基本色、だいたいこれ（#333） ・・・文字薄め（#777） ・・・文字強調+1、見出しと同じ（#f93） ・・・文字強調+2、基本情報のとこ（#c60） ・・・文字強調+3、目次へ戻るアンカー（#ff3300） ・・・文字強調+4、発売前情報のNew!表示（red） ・・・文字強調+5、ただの黒色（#fff） ・・・文字青色、日付とか（#09f） ・・・リンクにカーソル合わせた時（#ffa500） ・・・ヘッダー文字色（#666） ・・・ヘッダー背景色（#ddd） ・・・メニュータイトル（#f90） ・・・メニューのNew!表示（#f93） ・・・見出し1（#eee） ・・・見出し2～5（#f93） ・・・表組みとかバーの線（#aaa） ・・・表組みで強調したいときの背景色（#ccc） ・・・整形済みテキストの背景色、Preformatted Text、行頭に半角スペース（#fd8） ・・・引用文の背景色、blockquote、行頭に （#ccc） 良く使うWikiプラグイン （この項目は未完成です） @wikiには、いろんなプラグインがあります。 それらを使う事で、様々な装飾や、様々なアクセサリをページに設置でき、 より見栄えの良いホームページを作成することが可能です。 ここでは「 @wikiご利用ガイド 」の「 プラグイン一覧 」から このwikiで良く使うプラグインだけを抜粋して、記載してあります。 なので、詳しく知りたい人は「 @wikiご利用ガイド」をどうぞ。 文字の装飾(font) font(パラメーター){テキスト} と入力することでテキストを装飾することができます。 パラメーターはカンマで区切ることで複数指定できます。 パラメーター 説明 i 斜体表示 b 強調表示 o 上線 u 下線 l 取り消し線 色コード 文字色を変更します。2つ指定すると2つ目は背景色となります フォントサイズフォントのサイズを指定します。単位（%、px、pt、em） 使用例） font(i,b,u){テキスト} テキスト 仕様にないwiki構文 なぜ仕様にない構文が存在するのか、それは・・・考えないで下さい。聞かないで下さい。 表組み・テーブル（ヘッダ・フッタ） 通常 通常は こんな感じ 通常は こんな感じ 行末にhを記述すると、ヘッダ行(thead)になります。 |ここが|ヘッダ行に|h |通常は|こんな感じ| ここが ヘッダ行に 通常は こんな感じ 行末にfを記述すると、フッタ行(tfoot)になります。 |ここが|フッタ行に|f |通常は|こんな感じ| ここが フッタ行に 通常は こんな感じ セル内のインライン要素の先頭に~を付けると、ヘッダ(th)になります。 |通常は|こんな感じ| |~ここがフッタに|ここはそのまま| 通常は こんな感じ ここがフッタに ここはそのまま リンク（エイリアス） [[リンク名 ページ名#アンカー名]] と入力することで任意のページのアンカー・IDへのリンクを作成できます。 場合によっては、URIを記述した時より文字数が節約できます。 また、編集時どこへリンクされているか確認しやすくなります。 使用例） [[ページの一番上へのリンク wiki編集について#アンカー]] [[１．はじめにへのリンク wiki編集について#id_9fb7e08b]] ページの一番上へのリンク １．はじめにへのリンク コメントフォーム(pcomment) #pcomment と入力すると、コメントフォームが作成されます コメント(comment)と同じ見た目で同じパラメーターが使用できる。 コメント(comment)と違いログ保存用ページを生成してくるれる。 使用例） #pcomment(title_name=なまえ：) なまえ： 上へ コメント ページ編集に関するコメントやページに対する意見・感想はこちらにどうぞ。 wikiの編集が出来ない人・分からない人は、こちらにコメントして下さい。 編集して欲しい場合は、編集して欲しい旨とその内容を明確に記入して下さい。 当wikiに対する意見や要望、管理人への連絡は「管理用」にどうぞ。 無意味な発言・マナーの悪い発言は削除されることがあります。 なるべく名前は、個人の判別が可能なものを入力して下さい。 セオリー集戦【車の活用法】というところの3行目あたりに「高い攻撃力を防御力を誇ります。」となっています。攻撃力と防御力 では？ -- (なう) 2011-01-05 10 58 36 ↑すいません車ではなく【戦車の活用法】です^^; -- (なう) 2011-01-05 11 00 38 •【 機種 】 PS3 【 ID 】 mokimokisanji 【 時間 】 ほぼ毎日。 【 環境 】VCのみ。 【 Skype 無し 【 兵種 】いろいろ 【 メモ 】下手な30代女兵ですが、それでもOKという方は、宜しくお願いします。＾＾ 登録の際、このwikiを見たとお知らせ下さい！＾＾フレをけされたからといって戦場で嫌がらせする方はお断りいたします！ -- (あねご) 2011-02-24 12 21 29 osアカウントとはなんですか^^； -- (まぐろ) 2011-11-18 21 38 16 アインインストールするとこに書いてあったもんで バカな質問してごめんなさい -- (まぐろ) 2011-11-18 21 41 37 osインストールでした^^：ごめんなさい -- (まぐろ) 2011-11-18 21 45 49 名前 コメント すべてのコメントを見る